var start = {
	id : 'start-panel',
	title : '欢迎使用',
	tabTip : '欢迎使用',
	layout : 'fit',
	bodyStyle : 'padding:25px',
	html : '我的办公室'
};
//系统管理
MenuTree = Ext.extend(Ext.tree.TreePanel, {
	initComponent : function() {
		Ext.apply(this, {
			id : "menuTreePanel",
			title : '导航菜单',
			iconCls : 'icon-settings',
			layout : 'fit',
			border : false,
			rootVisible : true,
			autoScroll : true,
			autoWigth : true,// 自动宽
			containerScroll : true,
			root : new Ext.tree.AsyncTreeNode({
						id : "1",
						text : "应用系统",
						qtip : '应用系统',
						expanded : true
					}),
			loader : new TonyTreeLoader({
				url : "menuTree.action",
				listeners : {
					"beforeload" : function(treeLoader,node) {
							treeLoader.baseParams.id = node.id;
					}
				}
			})
		});
		MenuTree.superclass.initComponent.call(this);
		this.addListener('click', function(n) {
					//alert(n.id + ":" + n.text);
					var sn = this.selModel.selNode	|| {};
					if (n.leaf) {
						var url = n.attributes.url;
						var type =n.attributes.type;
						var target = Ext.getCmp('content-panel');
						var tabId="sys"==type?url:"tab"+url;
						var comp = target.getComponent(tabId);//得到tab组建
						if (!comp) {
							if(type!=null && type=="sys") {
								comp = target.add(
									new Ext.Panel({
										id : tabId,
										title : n.text,
										tabTip :  n.text,
										closable : true,
										layout : 'fit',
										frame : true,
										border : true,
										items : [{xtype : url}]
									})
								);
								target.setActiveTab(comp);
							} else {
								 comp = target.add(
									new Ext.Panel({
										id : tabId,
						                title:n.text,
						                //autoLoad:{url:tablink, scripts:true,nocache:true},
						                autoScroll:true,
						                iconCls:'tabIconCss',
						                layout: 'fit',
						                border:false,
						                closable:true
									})
								);
								target.setActiveTab(comp); 
					        	comp.load({
						            url: 'servlet/modelServlet',
						            method:'post',
						            params: {model: url},
						            scope: this, // optional scope for the callback
						            discardUrl: true,
						            nocache: true,
						            text: "页面加载中,请稍候……",
						            timeout: 9000,
						            scripts: true
						        });
							}
						} else {
							target.activate(comp);
						}
					}
				}, this);
		this.addListener('contextmenu',function(node,event){
			var extRightClick = new Ext.menu.Menu({
		        items : [{id:'refashMenu',
		            text : '刷新菜单',
		            iconCls : 'icon-ref',
		            handler:function (){	node.reload();}}]
		     });
			event.preventDefault(); //这行是必须的 
			extRightClick.showAt(event.getXY());//取得鼠标点击坐标，展示菜单
		});
	}
});
Ext.onReady(function() {
	Ext.get('loading').remove();
	var menuTree = new MenuTree();
	var vp = new Ext.Viewport({
		layout : 'border',
		defaults : {
			collapsible : true,
			split : true
		},
		items : [{
					region : 'north',
					height : 70,
					bodyStyle : 'background-color:#DFE8F6',
					html :'<img src="images/topbg.jpg" height="70">'
				}, {
					title : '系统管理员',
					id : 'accordion-panel',
					layout : 'border',
					region : 'west',
					margins : '2 0 5 5',
					width : 200,
					minSize : 200,
					maxSize : 250,
					bodyStyle : 'background-color:#DFE8F6',
					defaults : {
						border : false
					},
					items : [{
						layout : 'accordion',
						region : 'center',
						layoutConfig : {
								titleCollapse : true,
								animate : true,
								activeOnTop : false
						},
						items : [menuTree]
					}]
				}, {
					id : 'content-panel',
					xtype : 'tabpanel',
					region : 'center',
					collapsible : false,
					activeTab : 0,
					minTabWidth : 100,
					tabWidth : 140,
					resizeTabs : true,
					enableTabScroll : true,
					frame : true,
					border : true,
					layoutOnTabChange : true,
					items : [start],
					plugins : new Ext.ux.TabCloseMenu()
				}]
	});

});
